@layout("/common/_container.html"){
<style>
    ul{padding: 0;margin: 0;}
    #ulBox{display: flex} #ulBox>li{flex: 1;} #ulBox>li li{margin: 15px 0}
    #ulBox>li span{display: inline-block ; width: 120px;}
    .frameBox{width: 60%;height: 32px;padding-left: 10px;border: 1px solid #cccccc;border-radius: 5px;}
    .btnBox{margin-top: 15px;}
    .btnBox>button{margin: 0;  color: white;  background: #2b6594;  width: 100px;  font-size: 1em;border: 1px solid #cccccc}
</style>

<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="updateInfoForm">
            <div style="display: none">
                <input type="hidden" id="customerId" value="${customerId}">
                <input type="hidden" id="userName" value="${userName}">
                <input type="hidden" id="reservationsId" value="${customerInfo.reservationsId}">
                <input type="hidden" id="oneChannelValue" value="${customerInfo.oneChannel}">
                <input type="hidden" id="twoChannelValue" value="${customerInfo.twoChannel}">
                <input type="hidden" id="thrChannelValue" value="${customerInfo.thrChannel}">

            </div>

            <div class="row">
                <div class="col-sm-12">
                    <div id="ulBox">
                        <li>
                            <ul>
                                <li>
                                    <span>提交人</span>
                                    <input type="text"  id="name"  class="frameBox" value="${userName}" readonly="readonly">
                                </li>
                                <li>
                                    <span>一级渠道</span>
                                    <input  id="sOneChannel"  value="${customerInfo.oneChannel}" class="frameBox" readonly="readonly"></input>
                                </li>

                                <li>
                                    <span>二级渠道</span>
                                    <input  id="sTwoChannel"  value="${customerInfo.twoChannel}" class="frameBox" readonly="readonly"></input>
                                </li>
                                <li>
                                    <span>三级渠道</span>
                                    <input  id="sThrChannel"  value="${customerInfo.thrChannel}" class="frameBox" readonly="readonly"></input>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li>
                                    <span>建档人</span>
                                    <input type="text" id="archiving" class="frameBox" value="${customerInfo.archiving}" readonly="readonly">
                                </li>
                                <li>
                                    <span>一级渠道</span>
                                    <select  id="oneChannel" name="oneChannel" class="frameBox"></select>
                                </li>

                                <li>
                                    <span>二级渠道</span>
                                    <select  id="twoChannel" name="twoChannel" class="frameBox"></select>
                                </li>
                                <li>
                                    <span>三级渠道</span>
                                    <select  id="thrChannel" name="thrChannel" class="frameBox"></select>
                                </li>
                            </ul>
                        </li>
                    </div>
                    <div>
                        <span style="display: inline-block;width: 120px;">备注</span>
                        <input  id="remarks" name="remarks" class="frameBox">
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="btnBox">
                        <button type="button" class="btn" id="ensure" onclick="UpdateInfoDlg.updateSubmit()">提交</button>
                        <button type="button" class="btn" id="cancel" onclick="UpdateInfoDlg.close()" style="background: #999999" >取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/update_channel_info.js"></script>
<script src="${ctxPath}/static/js/common/jsChannel.js"></script>
<script type="text/javascript">
    var oneChanneli = document.getElementById("oneChannelValue").value;
    var twoChanneli = document.getElementById("twoChannelValue").value;
    var thrChanneli = document.getElementById("thrChannelValue").value;
    var ChannelList;
    //初始化下拉渠道列表
    $.post(Feng.ctxPath + "/channel/getChannelsss", function (data) {
        ChannelList = data;
        channelInit('oneChannel', 'twoChannel', 'thrChannel');
    }, "json");
</script>
@}
